<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
                        自增
                        - 自增可以是变量在原值的基础上自增1
                        - 自增使用++
                        - 自增可以使用前++（++a）后++（a++）
                        - 无论是++a还是a++后悔立即使得原变量自增1
                        - 不同的是++a还是a++的值是不同的
                          ++a的值是变量的新值（自增后的值）
                          a++的值是变量的原值（自增前的值）
                        自减
                        - 自减可以使变量在原值的基础上自减1
                        - 自减使用--
                        - 自减可以使用前--（--a）和后--（a--）
                        - 不同的是--a还是a--都会立即使得原变量自减1
                        - 不同的是--a和a--的值是不同的
                            --a是变量的新值（自减后的值）
                            a--是变量的原值（自减前的值）
                        */
        //练习
        var n1 = 10,
            n2 = 20;
        var n = n1++;
        document.write("n=" + n); //10
        document.write("n1=" + n1); //11
        console.log("n=" + n);
        console.log("n1=" + n1);
        n = ++n1;
        document.write("n=" + n); //12
        document.write("n1=" + n1); //12
        console.log("n=" + n);
        console.log("n1=" + n1);
        n = n2--;
        document.write("n=" + n); //20
        document.write("n2=" + n2); //19
        console.log("n=" + n);
        console.log("n2=" + n2);
        n = --n2;
        document.write("n=" + n); //18
        document.write("n2=" + n2); //18
        console.log("n=" + n);
        console.log("n2=" + n2);
    </script>
</head>

<body>
    <div>thi is a test commit</div>
</body>

</html>